<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>颜色的第三种表示_HEX或者HEXA</title>
    <style>
      /*  HEX或者HEXA的表示和rgb，rgba的表达方式是一样的  总共六位数字(十六进制的数字) 前两位红色 中间两位绿色 后面两位蓝色 HEXA有六位 多出的两位是透明度也是两个十六进制的数 */
      .div1 {
        width: 50px;
        height: 50px;
        background-color: #ff0000 /* 纯红色 */
      }
      .div2 {
        width: 50px;
        height: 50px;
        background-color: #00ff00; /* 纯绿色 */
      }

      .div3 {
        width: 50px;
        height: 50px;
        background-color: #0000ff; /* 纯蓝色 */
      }

      /* 简写 */
      .div4 {
        width: 50px;
        height: 50px;
        background-color: #fcf; /* 纯红色 表示的是ffccff这是简写的(仅限于这样可以简写) */
      }

      .div5 {
        width: 50px;
        height: 50px;
        color: #ff000088; /* 后面两位是透明度的数值 */
      }
      /* 注意：IE 浏览器不支持HEAX 但支持HEA */
    </style>
</head>
<body>
    <div class="div1"></div>
    <br>
    <div class="div2"></div>
    <br>
    <div class="div3"></div>
    <br>
    <div class="div4"></div>
    <br>
    <div class="div5"></div>
</body>
</html>